@media screen and (max-width: 1550px) and (min-width: 1250px) {
  #app .index .main .container {
    width: 1100px;
  }
  #app .body-main {
    width: 88%;
  }
  #app > .article .main .banner {
    height: 555px;
  }
  #app > .article .main .container {
    padding: 20px 20px;
  }
  #app > .article .main .container > .article-body {
    width: 80%;
  }
  #app .about .banner {
    height: 250px;
  }
  #app .about .body-main {
    width: 1200px;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1050px) {
  #app .index .main .pic {
    height: 60vh;
  }
  #app .index .main .container {
    width: 95%;
    padding: 20px 0;
    margin: 0 auto;
  }
  #app .index .main .container > .box {
    width: 100%;
  }
  #app .index .main .container > .box .left {
    width: 64%;
  }
  #app .index .main .container > .box .left .selected-articles .card-body > .card-articles > li > .card-articles-left {
    display: none;
  }
  #app .index .main .container > .box .left > .card-articles-right {
    width: 100%;
  }
  #app .index .main .container > .box .left .all-articles .article-body .body-right > div a > button {
    display: none;
  }
  #app .index .main .container > .box .left .all-articles .article-body .body-left > div > img {
    height: 100%;
  }
  #app .index .main .container > .box .right {
    width: 35%;
  }
  #app .body-main {
    width: 90%;
  }
  #app > .article > .main .banner {
    height: 410px;
  }
  #app > .article > .main .container {
    padding: 20px 15px;
  }
  #app > .article > .main .container > .article-body {
    width: 80%;
  }
  #app .proPic {
    height: 400px;
  }
  #app .about .banner {
    height: 200px;
  }
}
@media screen and (max-width: 1050px) and (min-width: 900px) {
  #app > .index > .main .pic {
    height: 60vh;
  }
  #app > .index > .main .container {
    width: 95%;
    padding: 20px 0;
    margin: 0 auto;
  }
  #app > .index > .main .container > .box {
    width: 100%;
  }
  #app > .index > .main .container > .box .right {
    display: none;
  }
  #app > .index > .main .container > .box .left {
    width: 100%;
  }
  #app .body-main {
    width: 85%;
  }
  #app > .webs .body-main > .web-list {
    width: calc((100% - 40px) / 2);
  }
  #app .proPic {
    height: 300px;
  }
  #app .about .banner {
    height: 150px;
  }
  #app .article .main .banner {
    height: 330px;
  }
  #app .article .main .container {
    padding: 20px 5px;
  }
  #app .article .main .container > .article-body {
    width: 80%;
  }
}/*# sourceMappingURL=notebook.css.map */